layui.use(['layer','form','table','element','layedit','upload','laydate'],function () {
    var layer = layui.layer
        ,form = layui.form
        ,layedit = layui.layedit
        ,laydate = layui.laydate
        ,upload = layui.upload;

    //日期时间选择器
    laydate.render({
        elem: '#byDate'
        ,type: 'datetime'
    });

    //动态加载type和label
    $.ajax({
        type:"GET",
        url:"/admin/project/getLabelAndType",
        success:function (result) {
            var typeList = result.data.labelTypeList.typeList;
            var labelList = result.data.labelTypeList.labelList;

            $.each(typeList,function (i,type) {
                var typeName = type.typeName;
                var id = type.id;
                //过滤免费项目无关的type
                if(typeName != "首页" && typeName != "包赔项目" && typeName != "投资赚钱" && typeName != "靠谱项目" && typeName !="最新项目"){
                    $("#types").append("<input type='radio'  name='type' title='"+typeName+"' value='"+id+"'></input>");
                }
             });

            $.each(labelList,function (i,label) {
                var labelName = label.labelName;
                var id = label.id;
                $("#labels").append("<input type='checkbox' name='label' lay-filter='labelCheck' title='"+labelName+"' value='"+id+"'></input>");
            });

            $("#labels").append("<input type='text' id='addLabel' style='width: 120px;display: inline-block !important;' class='layui-input' ></input>");
            $("#labels").append("<a class='layui-btn layui-btn-primary' style='margin-left:10px' onclick='javascript:saveLabel();'>保存</a>");

            form.render();
        },
        error:function () {
            layer.msg("系统错误！");
        }
    });

    // var index = layedit.build('addEdit', {
    //     tool: [
    //          'strong', 'italic', 'underline', 'del',
    //         ,'addhr' //添加水平线
    //         ,'|', 'fontFomatt','fontfamily','fontSize', //段落格式，字体样式，字体颜色
    //         , 'colorpicker', 'fontBackColor'//字体颜色，字体背景色
    //                 , 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink'
    //                 ,'image'//原版上传图片
    //                 ,'images'//多图上传
    //                 , 'image_alt'//上传图片拓展
    //                 ,'anchors' //锚点
    //                 , '|', 'table'//插入表格
    //                 ,'customlink'//插入自定义链接
    //                 ,'fullScreen'//全屏
    //         ]
    //     , height: 600
    //     ,   uploadImage: {
    //         url: '/admin/project/uploadProjectImg'
    //         ,type: 'post' //默认post
    //     }
    // });

    var E = window.wangEditor
    var editor = new E('#addEdit')
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.customConfig.uploadImgServer = '/admin/project/uploadProjectImg2'
    editor.customConfig.uploadFileName = 'file'
    // 自定义菜单配置
    editor.customConfig.menus = [
        'head',  // 标题
        'fontSize',  // 字号
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'justify',  // 对齐方式
        'quote',  // 引用
        'image',  // 插入图片
        'undo',  // 撤销
        'redo'  // 重复
    ]
    editor.create();


    //普通图片上传
    var uploadInst = upload.render({
        elem: '#update_cover_btn'
        ,url: '/admin/project/uploadImg'
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#demo1').attr('src', result); //图片链接（base64）
            });
        }
        ,done: function(res){
            //如果上传失败
            console.log(res);
            var flag = res.flag;
            var message = res.message;
            if(!flag){
                layer.msg(message);
            }else{
                //上传成功,则返回url
                layer.msg("封面上传成功!");
                $("#cover_img").attr("value",res.data.url);
            }
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
    });

    //表单验证
    form.verify({
        id:function (value) {
            if(value == ""){
                return "id不能为空";
            }
        },
        cover:function (value) {
        },
        content:function () {
            var content = editor.txt.text();
            if(content == "" || content.length==0){
                return "内容不能为空";
            }
        }
    });


    form.on('checkbox(labelCheck)', function(data){
        var labels = "";
        var types = "";
        $("input[name=label]:checked").each(function () {
            labels = labels + "," + $(this)[0].title;
        });
        $("input[name=type]:checked").each(function () {
            types = types + "," + $(this)[0].title;
        });
        var keyword = types+labels;
        keyword = keyword.substr(1,keyword.length-1);
        $("#keyword").val(keyword);
    });


    //提交表单
    form.on('submit(form)',function (data) {

        //校验类型和标签是否选择
        layer.msg('保存中...', { icon: 16, shade: [0.5, '#f5f5f5'], scrollbar: false, offset: '50%', time: 300000 });

        var summary = editor.txt.text().substring(0,108)+"...";

        var labels = "";
        var types = "";

        $("input[name=label]:checked").each(function () {
            labels = labels + "," + $(this).val();
        });

        $("input[name=type]:checked").each(function () {
            types = types + "," + $(this).val();
        });

        if(types == ""){
            layer.msg("请选择项目类型");
            return;
        }

        labels = labels.substr(1,labels.length-1);
        types = types.substr(1,types.length-1);

        var paramData = {
            "title":$("#title").val(),
            "summary":summary,
            "cover":$("#cover_img").val(),
            "content":editor.txt.html(),
            "labels":labels,
            "types":types,
            "commented":$("#commented").val(),
            "isHomePage":$('input[name="isHomePage"]:checked ').val(),
            "keyword":$("#keyword").val(),
            "projectName":$("#projectName").val()
        };

        var data2 = JSON.stringify(paramData);

        //保存项目
        $.ajax({
            url:"/admin/project/free_project_save",
            type:"POST",
            data:data2,
            // dataType:"json",
            contentType:"application/json;charset=utf-8",
            success:function (result) {
                // console.log("data=="+form_data)
                if(result.flag){
                    layer.msg(result.message);
                    //清空内容
                    // $("#form").reset();
                    document.getElementById("form").reset();
                    layui.form.render();
                }else{
                    layer.msg(result.message);
                }
            },
            error:function () {
                layer.msg("系统错误！");
            }
        });

    });


});

function saveLabel() {
    var labelName = $("#addLabel").val();

    //保存项目
    $.ajax({
        url:"/admin/project/saveLabel?labelName="+labelName,
        type:"POST",
        dataType:"json",
        contentType:"application/json;charset=utf-8",
        success:function (result) {
            // console.log("data=="+form_data)
            if(result.flag){
                layer.msg(result.message);
                //清空内容
                // $("#form").reset();
                // document.getElementById("form").reset();
                location.reload();

            }else{
                layer.msg(result.message);
            }
        },
        error:function () {
            layer.msg("系统错误！");
        }
    });

}
